<!--
导航栏例子 ljy
引用页 自行定义class
	 	<hnav>
  	 	<span slot="left" class="left">left</span>
  	 	<span slot="mod" class="mod">mod</span>
  	 	<span slot="right" class="right">right</span>
  	 </hnav>
  	 
	import hnav from '../components/nav'
	
<style scoped>
		.left{
		display: inline-block;
		width: 33vw;
		text-align: left;
		float: left;
}
	.mod{
		width: 33vw;
		display: inline-block;
		text-align: center;
}
	.right{
		display: inline-block;
		width: 33vw;
		float: right;
		text-align: right;
}
</style>	
	
	
-->

<template>
	<div class="nav">
			<slot name="left"></slot>
			<slot name="mod"></slot>
			<slot name="right"></slot>
	</div>
</template>

<script>
	export default {
		name: 'nav',
		data: function() {
			return {

			}
		}
	}
</script>

<style scoped>

</style>